<template>
  <div class="home">
    <van-nav-bar
        title="参保信息"
        left-text=""
        right-text="修改"
        left-arrow
        @click-left="onClickLeft"
        @click-right="onClickRight"
    />
    <van-cell-group title="基本信息">
      <van-cell title="参保人" value="张三" />
      <van-cell title="民族" value="汉族" />
      <van-cell title="身份证号" value="370112199010101010" />
      <van-cell title="联系电话" value="15012341234" />
      <van-cell title="户口类型" value="城市" />
      <van-cell title="户口所在地" value="山东省 济南市 历下区" />
    </van-cell-group>
    <van-cell-group title="参保信息">
      <van-cell title="参保地区" value="北京东城区" />
      <van-cell title="是否在该城市缴纳过社保" >
        <template slot="right-icon">
          <van-checkbox v-model="toubao" ></van-checkbox>
        </template>
      </van-cell>
      <van-cell title="缴纳月份" value="2019-05" />
    </van-cell-group>
    <van-cell-group title=" ">
      <van-switch-cell v-model="shebao" title="缴纳社保" />
      <van-cell title="社保基数" value="3510" />
    </van-cell-group>
    <van-cell-group title=" ">
      <van-switch-cell v-model="gjj" title="缴纳公积金" />
      <van-cell title="公积金基数" value="1910" />
    </van-cell-group>
    <van-cell-group title=" ">
      <van-switch-cell v-model="geshui" title="缴纳个税" />
      <van-cell title="纳税工资基数" value="1910" />
      <van-cell title="纳税类型" value="税前" />
    </van-cell-group>

    <van-button type="info" size="large" @click="goPay">生成订单</van-button>
  </div>
</template>

<script>
import { Cell, CellGroup, NavBar, Button, Checkbox, SwitchCell } from "vant";
export default {
  name: "jiaofei",
  data() {
    return {
      username: '',
      password: '',
      toubao: true,
      gjj:true,
      geshui:true,
      shebao:true
    }
  },
  components: {
    "van-cell-group": CellGroup,
    "van-cell": Cell,
    "van-nav-bar": NavBar,
    "van-button": Button,
    "van-checkbox": Checkbox,
    "van-switch-cell": SwitchCell
  },
  methods: {
    goPay() {
      this.$router.push('/pay')
    },
    onClickLeft() {
      this.$router.go(-1)
    },
    onClickRight() {

    }
  }
};
</script>

<style scoped>
  .home{background-color: #FAFAFA;}
  .avatar{width:80px;height: 80px;margin:2em auto;}
  .avatar img{width:100%;height: 100%;border-radius: 50%;}
</style>